<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="css/jquery.jOrgChart.css"/>
		<link rel="stylesheet" href="css/foot.css"/>

<title>Modification d'un match</title>
</head>
<body>

	<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">FootMassonMonedierePerrin - Modification Match</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="?action=admin">Menu</a></li>
            <li><a href="?action=deconnexion">Déconnexion</a></li>
          </ul>
        </div>
      </div>
    </div>
    
	<div class="starter-template">
		<c:if test="${not empty sessionScope.match}">
		<h2> ${sessionScope.leMatch.equipe1.nomEquipe} Vs ${sessionScope.leMatch.equipe2.nomEquipe} </h2>
		<!-- liste des buts -->
		<h3> État : ${sessionScope.leMatch.statusMatch}</h3>
		<table class="table list table-striped table-bordered" >
			<thead>
				<th> Équipe</th>
				<th> Buteur </th>
				<th> Temps </th>
			</thead>
			<c:forEach var="b" items="${sessionScope.leMatch.lesButs}">
				<tr>
					<td> ${b.auteur.equipe.nomEquipe}</td>
					<td> ${b.auteur.nom } </td>
					<td> 
						<c:if test="${not b.tir_au_but}"> ${b.heure } </c:if>
						<c:if test="${b.tir_au_but}">Tir au but </c:if>
					</td>
				</tr>
			</c:forEach>
		</table>
		</c:if>

		<h2> Ajouter un but</h2>
		<form>
		
		Auteur :
		<select name="ButAuteur" class="footselect">
		<c:forEach var="j" items="${sessionScope.listejoueur }">
		
		  <option value="${j.idjoueur}">
		  ${j.equipe.nomEquipe} : ${j.nom} - ${j.prenom}
		  </option>

		</c:forEach>
		</select>
		heure : <input type="text" id="datepicker" name="ButHeure" class="hasDatepicker">
		Tir au but : <input type="checkbox" name="tir_au_but">
		<button type="submit" name="action" value="AjoutBut">Ajouter But</button>
		</form>

		<c:if test="${empty sessionScope.leMatch }">
			erreur lors de la récupération du match
			<br/>
			<a href="?action=accueil">Retourner a l'accueil</a>
		</c:if>
		<h2>
			Modifier l'état du Match
		</h2>
		<form>
			<button type="submit" name="action" value="endgame">
				<c:if test="${not sessionScope.leMatch.prolongation and not sessionScope.leMatch.tirsAuButs}"> Fin du temps règlementaire </c:if>
				<c:if test="${sessionScope.leMatch.prolongation and not sessionScope.leMatch.tirsAuButs}"> Fin des prolongations </c:if>
				<c:if test="${sessionScope.leMatch.tirsAuButs}"> Fin des tir au buts</c:if>
			</button>
		</form>
	</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>